<style>
    @import '../assets/css/iconfont.css';
</style>
<template>
    <i :class="classes" :style="styles"></i>
</template>


<script>
    export default{
        props:{
            color:{
                type:String
            },
            size:{
                type:Number
            },
            type:{
                type:String
            }
        },
        data(){
            return {}
        },
        components: {},
        computed: {
            classes(){
                return `icon iconfont icon-${this.type}`;
            },
            styles(){
                return {
                    color:this.color,
                    fontSize:`${this.size}px`
                }
            }
        },
        methods: {

        },
        created: function () {

        }
    }
</script>
